<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>note-code</title>
	<!-- 里面的写法都一样的 -->
	<link rel="stylesheet" href="./styles/common.css">
	<!-- <link rel="stylesheet" href="./styles/print.css" media="print">
	<link rel="stylesheet" href="./styles/screen.css" media="screen"> -->

	<!-- <link rel="stylesheet" href="./styles/screen-orientation-portrait.css" media="(orientation=portrait)">
	<link rel="stylesheet" href="./styles/screen-orientation-landscape.css" media="(orientation=landscape)"> -->

	<link rel="stylesheet" href="./styles/screen-orientation-portrait.css" media="screen and (orientation=portrait)">
	<link rel="stylesheet" href="./styles/screen-orientation-landscape.css" media="screen and (orientation=landscape)">
</head>

<body>
	<div class="container"></div>
</body>

</html>